<template>
    <Detail-Banner></Detail-Banner>
    <Detail-Header></Detail-Header>
    <Detail-List :list="List"></Detail-List>
    <div class="content"></div>
</template>

<script>
import DetailBanner from './components/DetailBanner.vue'
import DetailHeader from './components/DetailHeader.vue'
import DetailList from './components/DetailList.vue'
export default {
    name: 'Detail',
    components: {
        DetailBanner,
        DetailHeader,
        DetailList
    },
    data () {
        return {
            List: [{
                title: '成人票',
                children: [{
                    title: '成人三馆联票',
                    children: [{
                         title: '成人三馆联票-某一连锁店'
                    }]
                },{
                    title: '成人四馆联票'
                },{
                    title: '成人五馆联票'
                }]
            },{
                title: '学生票'
            },{
                title: '儿童票'
            },{
                title: '特价票'
            }]
        }
    }
}
</script>

<style lang="stylus" scoped>
   .content
      height 50rem
</style>